<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS三大特性</title>
  <style>
    /* .div1 {
      font-size: 28px;
      color: red;
      text-align: center;
      line-height: 100px;
    }

    #div2 {
      color: blue;
    } */



    * {
      font-size: 14px;
    }

    p {
      color: antiquewhite;
      font-size: 20px;
    }

    .p1 {
      color: paleturquoise !important;
      font-size: 25px;
    }

    #p2 {
      color: palevioletred;
    }
  </style>
</head>

<body>
  <div class="div1" id="div2">父亲
    <div>儿子
      <div>孙子</div>
    </div>
    <a href="">百度一下</a>
    <h1>一级标题</h1>
    <p class="p1" id="p2" style="color: yellow;">我是p</p>
  </div>
  <!-- 3.优先级 -->
  <!-- 
    1.！important 优先级别最高
    2.style属性 特征值1000
    3.id标签选择器 特征值100
    4.class类选择器/伪类 特征值10
    5.标签选择器 特征值1
    6.通配符选择器 特征值0

   -->

</body>

</html>